<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>名称拼接-使用computed-运算属性</title>
    <script src="../../lib/vue.js"></script>
</head>
<body>
<div id="app">
    <input v-model="firstname">+
    <input v-model="lastname">=
    <input v-model="fullname">
</div>

<script>
    var vue = new Vue({
        el:'#app',
        data:{
            firstname:'',
            lastname:''
        },
        computed:{
            //计算属性在调用时，不要用()去调用
            //只要计算属性中有任何data字段更改，都会重新计算
            //求值结束 后，会把结果缓存起来
            fullname:function(){
                return this.firstname + "--" + this.lastname;            }
        }
    })

</script>
</body>
</html>